<template>
	<view>
		<view class="nav">
			<van-nav-bar title="个人信息" custom-style="background-color: #ff6358;padding-top:0px;"
			style="background-color: #ff6358;color: #fff;" title-class="color: #fff;" left-arrow
			@click-left="onClickLeft" />
		</view>
		<van-field required :value="form.organization" label="报道组织" placeholder="选择小区后自动获取"/>
		<van-field required :value="form.name" label="姓名" placeholder="请输入姓名"/>
		<van-cell title="性别" clickable>
			<van-radio-group :value="form.sex" >
			<van-radio style='display: inline-block;margin-right: 1rem;' name="1">男</van-radio>
			<van-radio style='display: inline-block;' name="2">女</van-radio>
			</van-radio-group>
		</van-cell>
		<van-field required :value="form.phone" label="手机号" placeholder="请输入手机号"/>
		<van-field required :value="form.housing" label="工作单位" placeholder="请选择工作单位" is-link/>
		<van-field :value="form.home_add" label="家庭住址" placeholder="请输家庭住址"/>
		<van-field :value="form.work_place" label="工作地" placeholder="请输工作地"/>
		<van-field :value="form.location" label="党员关系所在地" placeholder="请输党员关系所在地" title-width='100'/>
		
		<view class="bottom_box">
			<van-button color='#ff6258' style='width: 100%;display: inline-block;' type="primary" round>确认修改</van-button>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				form:{
					
				},
			}
		},
		methods:{
			onClickLeft:()=>uni.navigateBack()
		},
	}

</script>

<style lang='less' scoped>
.nav{
	::v-deep .van-nav-bar{
		padding-top: 0 !important;
		background: #fd6458;
	}
	::v-deep .van-icon {
		color: white !important;
	}
	::v-deep .van-nav-bar__title {
		color: white !important;
	}
}
.bottom_box{
	width: 90%;
	margin:  0 auto;
	margin-top: 3rem;
	/deep/ .van-button{
		width: 100% ;
	}
}
</style>
